// {
//   path: '/test',
//   name: 'TestView',
//   meta: {
//     icon: '',
//     link: '',
//     title: '',
//     noCache: true,
//     breadcrumb: false,
//     activeMenu: ''
//   },
//   query: '{"id": 1, "name": "ry"}',
//   roles: [],
//   hidden: true,
//   redirect: '',
//   permissions: [],
//   component: () => import('@/views/login/LoginView.vue')
// },
import BlankView from '@/layout/BlankView.vue'

const ExampleRoutes = [
  {
    path: '/example',
    name: 'Example',
    meta: {
      icon: 'system',
      link: null,
      title: '功能示例',
      noCache: false,
    },
    hidden: false,
    component: () => import('@/layout/index.vue'),
    alwaysShow: true,
    children: [
      {
        path: 'layout',
        name: 'LayoutView',
        meta: {
          icon: 'skill',
          link: null,
          title: '布局示例',
          noCache: false,
        },
        component: BlankView,
        children: [
          {
            path: 'layout-basic',
            name: 'LayoutBasicView',
            meta: {
              // icon: 'skill',
              link: null,
              title: '布局示例-基础',
              noCache: false,
            },
            component: () => import('@/views/examples/LayoutBasicView.vue')
          },
          {
            path: 'layout-page01',
            name: 'LayoutPage01View',
            meta: {
              // icon: 'skill',
              link: null,
              title: '布局示例-搜索',
              noCache: false,
            },
            component: () => import('@/views/examples/LayoutBaiscPageView.vue')
          },
          {
            path: 'rk-container-top-bottom',
            name: 'RKContainerTopBottomView',
            meta: {
              // icon: 'skill',
              link: null,
              title: '布局示例-上下',
              noCache: false,
            },
            component: () => import('@/views/examples/RKContainerTopBottomView.vue')
          },
          {
            path: 'rk-container',
            name: 'RKContainerView',
            meta: {
              // icon: 'skill',
              link: null,
              title: '布局示例-完整',
              noCache: false,
            },
            component: () => import('@/views/examples/RKContainerView.vue')
          },
        ]
      },
      {
        path: 'component',
        name: 'ComponentView',
        meta: {
          icon: 'skill',
          link: null,
          title: '组件示例',
          noCache: false,
        },
        component: BlankView,
        children: [
          {
            path: 'select-demo',
            name: 'UnoCSSView',
            meta: {
              icon: 'skill',
              link: null,
              title: '下拉选择',
              noCache: false,
            },
            component: () => import('@/views/examples/UnoCSSView.vue')
          },
          {
            path: 'tree-demo',
            name: 'TreeDemoView',
            meta: {
              icon: 'skill',
              link: null,
              title: '树形结构',
              noCache: false,
            },
            component: () => import('@/views/examples/TreeDemoView.vue')
          },
          {
            path: 'pdf-review',
            name: 'PdfReview',
            meta: {
              icon: 'color',
              link: null,
              title: 'PDF预览',
              noCache: false,
            },
            component: () => import('@/views/pdf/pdfReview.vue')
          },
          {
            path: 'upload-demo',
            name: 'UploadView',
            meta: {
              icon: 'color',
              link: null,
              title: '附件上传',
              noCache: false,
            },
            component: () => import('@/views/upload/UploadView.vue')
          },
        ]
      },
      {
        path: 'table',
        name: 'TableView',
        meta: {
          icon: 'skill',
          link: null,
          title: '表格示例',
          noCache: false,
        },
        component: BlankView,
        children: [
          {
            path: 'edit-table',
            name: 'EditTableView',
            meta: {
              icon: 'skill',
              link: null,
              title: '编辑表格',
              noCache: false,
            },
            component: () => import('@/views/examples/EditTableView.vue')
          },
          {
            path: 'pager-table',
            name: 'PagerTableView',
            meta: {
              icon: 'skill',
              link: null,
              title: '分页表格',
              noCache: false,
            },
            component: () => import('@/views/examples/table/PagerTableView.vue')
          },
          {
            path: 'checkbox-table',
            name: 'CheckboxTableView',
            meta: {
              icon: 'skill',
              link: null,
              title: '复选框表格',
              noCache: false,
            },
            component: () => import('@/views/examples/table/CheckboxTableView.vue')
          },
          {
            path: 'budget-edit-table',
            name: 'BudgetEditTableView',
            meta: {
              icon: 'skill',
              link: null,
              title: '收支预算表格',
              noCache: false,
            },
            component: () => import('@/views/examples/BudgetEditTableView.vue')
          },
          {
            path: 'tzjh-edit-table',
            name: 'tzjhEditTableView',
            meta: {
              icon: 'skill',
              link: null,
              title: '投资计划表格',
              noCache: false,
            },
            component: () => import('@/components/form-slots/components/ProjectTzjhTable.vue')
          }
        ]
      },
      {
        path: 'xm-filling',
        name: 'XmFillingView',
        meta: {
          icon: 'skill',
          link: null,
          title: '项目填报示例',
          noCache: false,
        },
        query: '{"id": 1, "name": "ry"}',
        component: () => import('@/views/examples/XmFillingView.vue')
      },
    ]
  },
]

export default ExampleRoutes
